<template>
	<gui-page :customHeader="false" :fullPage="true">
		<template v-slot:gBody>
			<view class="gui-padding">
				<gui-image :src="imgArrRec.icon_mainpicture" :width="690" :height="400" borderRadius="10rpx"></gui-image>
				<view class="gui-flex gui-space-between gui-padding-x" style="margin-top:100rpx;">
					<view class="gui-flex gui-column gui-justify-content-center gui-align-items-center" @click="toPath('/pages/breeding/breeding')">
						<gui-image :src="imgArrRec.icon_seed" :width="120" :height="120" border-radius="100rpx"></gui-image>
						<view class="gui-text gui-margin-top">
							育种
						</view>
					</view>
					<view class="gui-flex gui-column gui-justify-content-center gui-align-items-center" @click="toPath('/pages/breedingtest/breeding')">
						<gui-image :src="imgArrRec.icon_test" :width="120" :height="120" border-radius="100rpx"></gui-image>
						<view class="gui-text gui-margin-top">
							测试
						</view>
					</view>
					<view class="gui-flex gui-column gui-justify-content-center gui-align-items-center" @click="toPath('/pages/repertory/repertory')">
						<gui-image :src="imgArrRec.icon_inventory" :width="120" :height="120" border-radius="100rpx"></gui-image>
						<view class="gui-text gui-margin-top">
							库存
						</view>
					</view>
				</view>
			</view>
		</template>
	</gui-page>
</template>
<script setup>
import { Local } from '@utils/storage.js';
import graceJS from '@/Grace6/js/grace.js';
import imgArr from '@assets/js/export.js'
// import {  } from '@api/api.js';
import { reactive, ref, toRefs, onMounted, onActivated } from 'vue';
import { onShow } from '@dcloudio/uni-app';

let imgArrRec = reactive(imgArr);
let dataRec = reactive({
	
});
let toPath = (url) => {
	uni.navigateTo({
		url
	})
}

onShow(() => {});
onMounted(async()=>{
	
})
</script>
<style lang="scss" scoped>
	
</style>
